﻿@model FOModels.InternetBanking.InternetBankingModels
@{
    Layout = "~/Views/Shared/_Layout.cshtml";
    ViewBag.Title = "" + FOResource.UI.Layout.lblinfo + "";
    ViewBag.Description = "Bạn điền đầy đủ thông tin dưới đây và dịch vụ internet banking cho ngân hàng mà bạn đã chọn. " + Model.InternetBankingName + " - " + Model.CompanyName + "";
    var userinfo = (FOModels.User.User)ViewBag.UserInfo;
}

<link rel="stylesheet" type="text/css" href="@Url.Content("/Content/assets/css/jquery-ui.css")" />
<script src="/Content/assets/js/jquery.ui.datepicker.js" type="text/javascript"></script>
<script type="text/javascript" src="/Content/assets/js/validate-form.js"></script>
<script type="text/javascript">
    $(function () {
        $("#dob").datepicker({
            dateFormat: "dd/mm/yy",
            changeMonth: true,
            changeYear: true,
            minDate: new Date(1890, 1 - 1, 1),
            maxDate: "+1m +1w",
            defaultDate: new Date(1980, 1 - 1, 1),
        });
    });
</script>
<hr style="background: #bebebe; margin-left: 10px; margin-right: 10px;" />
<div class="container">
    <div class="product-item">
        <p class="bank-title">
            <a title="@Model.CompanyName" href="@Url.Action("InternetBankingsByProvider", "InternetBanking", new { CompanyName = FO.Models.Conver.ConvertToUnSign(Model.CompanyName).ToLower(), CompanyID = Model.CompanyID })">@Model.CompanyName</a>
            @Model.InternetBankingName
        </p>
        <img alt="@Model.CompanyName" class="product-item-bank-img border-img"  src="@Url.Content("http://vnbanknet.com/Content/UpLoad/Images/" + Model.CompanyImg + "")" />
        <ul class="ul-info">
            @if (Model.Cost > 0)
            {
                <li><strong>@FOResource.UI.CpanelLayout.costperyear:</strong> @String.Format("{0:0,0}", Model.Cost) VND</li>
            }
            else
            {
                <li><strong>@FOResource.UI.CpanelLayout.costperyear:</strong> 0 VND</li>
            }
            <li><strong>@FOResource.UI.Product.Deposit.interest:</strong> @Model.Interest.ToString().Replace(".", "" + FOResource.UI.Layout.currency1 + "") %</li>
            <li><a class="btn-detail" title="@FOResource.UI.Layout.viewdetail" href="@Url.Action("Detail", "InternetBanking", new { CompanyName = FO.Models.Conver.ConvertToUnSign(Model.CompanyName).ToLower(), InternetBankingName = FO.Models.Conver.ConvertToUnSign(Model.InternetBankingName).ToLower(), InternetBankingID = Model.InternetBankingID })" data-role="button" data-corners="false" data-mini="true" data-inline="true" data-icon="grid" data-theme="b">@FOResource.UI.Layout.viewdetail</a><li>
        </ul>
    </div>
    <div style="clear: both;"></div>
    <hr style="background: #bebebe; margin-top: 10px;" />
    <div id="id-internetbanking" style="display:none;">@Model.InternetBankingID</div>
    <div class="form-input-info">
        <form id="contact-form" class="form-horizontal">
            @if (userinfo != null)
            {
                <div class="control-group">
                    <label class="control-label" for="name">@FOResource.UI.Product.Card.lblname (*)</label>
                    <div class="controls">
                        <input data-corners="false" type="text" value="@userinfo.DisplayName" class="input-xlarge" name="name" id="name" maxlength="100">
                    </div>
                </div>
                <div class="control-group">
                    <label class="control-label" for="email">Email (*)</label>
                    <div class="controls">
                        <input type="text" class="input-xlarge" value="@userinfo.Email" name="email" id="email" maxlength="100">
                    </div>
                </div>
                <div class="clr"></div>
                <div class="control-group">
                    <label class="control-label" for="phone">@FOResource.UI.Product.Card.lblphone (*)</label>
                    <div class="controls">
                        <input type="text" class="input-xlarge" value="@userinfo.Phone" name="phone" id="phone" maxlength="11">
                    </div>
                </div>
                <div class="control-group">
                    <label class="control-label" for="icome">@FOResource.UI.Product.Card.lblincome</label>
                    <div class="controls">
                        <select data-mini="true" data-theme="c" class="input-xlarge" name="icome" id="icome">
                            <option value="@FOResource.UI.Product.Card.lbloptincome1">@FOResource.UI.Product.Card.lbloptincome1</option>
                            <option value="@FOResource.UI.Product.Card.lbloptincome2">@FOResource.UI.Product.Card.lbloptincome2</option>
                            <option value="@FOResource.UI.Product.Card.lbloptincome3">@FOResource.UI.Product.Card.lbloptincome3</option>
                            <option value="@FOResource.UI.Product.Card.lbloptincome4">@FOResource.UI.Product.Card.lbloptincome4</option>
                        </select>
                    </div>
                </div>
                <div class="clr"></div>
                <div class="control-group">
                    <label class="control-label" for="dob">@FOResource.UI.Product.Card.lbldob</label>
                    <div class="controls">
                        <input data-corners="false" type="text" class="input-xlarge" name="dob" value="@userinfo.DOB" id="dob">
                    </div>
                </div>
            }
            else
            {
                <div class="control-group">
                    <label class="control-label" for="name">@FOResource.UI.Product.Card.lblname (*)</label>
                    <div class="controls">
                        <input data-corners="false" type="text" value="" class="input-xlarge" name="name" id="name" maxlength="100">
                    </div>
                </div>
                <div class="control-group">
                    <label class="control-label" for="email">Email (*)</label>
                    <div class="controls">
                        <input type="text" class="input-xlarge" value="" name="email" id="email" maxlength="100">
                    </div>
                </div>
                <div class="clr"></div>
                <div class="control-group">
                    <label class="control-label" for="phone">@FOResource.UI.Product.Card.lblphone (*)</label>
                    <div class="controls">
                        <input type="text" class="input-xlarge" value="" name="phone" id="phone" maxlength="11">
                    </div>
                </div>
                <div class="control-group">
                    <label class="control-label" for="icome">@FOResource.UI.Product.Card.lblincome</label>
                    <div class="controls">
                        <select data-mini="true" data-theme="c" class="input-xlarge" name="icome" id="icome">
                            <option value="@FOResource.UI.Product.Card.lbloptincome1">@FOResource.UI.Product.Card.lbloptincome1</option>
                            <option value="@FOResource.UI.Product.Card.lbloptincome2">@FOResource.UI.Product.Card.lbloptincome2</option>
                            <option value="@FOResource.UI.Product.Card.lbloptincome3">@FOResource.UI.Product.Card.lbloptincome3</option>
                            <option value="@FOResource.UI.Product.Card.lbloptincome4">@FOResource.UI.Product.Card.lbloptincome4</option>
                        </select>
                    </div>
                </div>
                <div class="clr"></div>
                <div class="control-group">
                    <label class="control-label" for="dob">@FOResource.UI.Product.Card.lbldob</label>
                    <div class="controls">

                        <input data-corners="false" type="text" class="input-xlarge" name="dob" value="" id="dob">
                    </div>
                </div>
            }
            <div class="control-group">
                <label class="control-label" for="icome">@FOResource.UI.Layout.city</label>
                <div class="controls">
                    <select data-mini="true" data-theme="c" class="input-xlarge" name="select-city" id="select-city">
                        <option value="- Không -" selected="selected">- Không -</option>
                        <option value="An Giang">An Giang</option>
                        <option value="Bắc Giang">Bắc Giang</option>
                        <option value="Bắc Ninh">Bắc Ninh</option>
                        <option value="Bình Định">Bình Định</option>
                        <option value="Bình Dương">Bình Dương</option>
                        <option value="Bình Thuận">Bình Thuận</option>
                        <option value="Cần Thơ">Cần Thơ</option>
                        <option value="Đà Nẵng">Đà Nẵng</option>
                        <option value="Đồng Nai">Đồng Nai</option>
                        <option value="Đồng Tháp">Đồng Tháp</option>
                        <option value="Gia Lai">Gia Lai</option>
                        <option value="Hà Nội">Hà Nội</option>
                        <option value="Hà Tĩnh">Hà Tĩnh</option>
                        <option value="Hải Dương">Hải Dương</option>
                        <option value="Hải Phòng">Hải Phòng</option>
                        <option value="Hồ Chí Minh">Hồ Chí Minh</option>
                        <option value="Hòa Bình">Hòa Bình</option>
                        <option value="Huế">Huế</option>
                        <option value="Kiên Giang">Kiên Giang</option>
                        <option value="Long An">Long An</option>
                        <option value="Nam Định">Nam Định</option>
                        <option value="Nghệ An">Nghệ An</option>
                        <option value="Nha Trang">Nha Trang</option>
                        <option value="Phú Thọ">Phú Thọ</option>
                        <option value="Quảng Bình">Quảng Bình</option>
                        <option value="Quảng Ninh">Quảng Ninh</option>
                        <option value="Quảng Trị">Quảng Trị</option>
                        <option value="Thái Bình">Thái Bình</option>
                        <option value="Thái Nguyên">Thái Nguyên</option>
                        <option value="Thanh Hóa">Thanh Hóa</option>
                        <option value="Vĩnh Long">Vĩnh Long</option>
                        <option value="Vĩnh Phúc">Vĩnh Phúc</option>
                        <option value="Vũng Tàu">Vũng Tàu</option>
                    </select>
                </div>
            </div>
            <div data-role="controlgroup" data-type="horizontal" data-mini="true">
                <legend>@FOResource.UI.Layout.contacttime:</legend>
                <input type="radio" name="radio-choice-h-6" id="radio-choice-h-6a" value="on" checked="checked">
                <label class="lbl-font" for="radio-choice-h-6a">@FOResource.UI.Layout.contacttime1</label>
                <input type="radio" name="radio-choice-h-6" id="radio-choice-h-6b" value="off">
                <label class="lbl-font" for="radio-choice-h-6b">@FOResource.UI.Layout.contacttime2</label>
            </div>
            <div data-role="controlgroup" data-mini="true">
                <legend>@FOResource.UI.Layout.producinterested</legend>
                <input type="checkbox" name="checkbox-v-6a" id="checkbox-v-6a" class="CurrentAccount" value="Current Account">
                <label for="checkbox-v-6a">Current Account</label>
                <input type="checkbox" name="checkbox-v-6b" id="checkbox-v-6b" class="SavingsDeposits" value="Savings/Deposits">
                <label for="checkbox-v-6b">Savings/Deposits</label>
                <input type="checkbox" name="checkbox-v-6c" id="checkbox-v-6c" class="CreditCard" value="Credit Card">
                <label for="checkbox-v-6c">Credit Card</label>
                <input type="checkbox" name="checkbox-v-6d" id="checkbox-v-6d" class="HomeLoan" value="Home Loan">
                <label for="checkbox-v-6d">Home Loan</label>
                <input type="checkbox" name="checkbox-v-6e" id="checkbox-v-6e" class="CarLoan" value="Car Loan">
                <label for="checkbox-v-6e">Car Loan</label>
                <input type="checkbox" name="checkbox-v-6f" id="checkbox-v-6f" class="PersonalLoan" value="Personal Loan">
                <label for="checkbox-v-6f">Personal Loan</label>
                <input type="checkbox" name="checkbox-v-6g" id="checkbox-v-6g" class="BusinessLoan" value="Business Loan">
                <label for="checkbox-v-6g">Business Loan</label>
            </div>
            <div class="agreemain">
                <div id="divPrivacyPolicy" class="agree">
                    <label>
                        <input id="term" data-mini="true" checked="checked" type="checkbox" name="checkbox-0 " />@FOResource.UI.Product.Card.lblterm <a href="/rules-terms" tabindex="36" target="_blank">@FOResource.UI.Product.Card.lblterm1</a>.
                    </label>
                </div>
                <!-- Displaying Bottom Text-->

            </div>
            <div class="clr"></div>
            <div id="loading-apply" style="display: none;">
                <img src="/Content/ajax-loader.gif">
            </div>
            <div class="form-actions">
                <button id="submit-internetbanking" type="submit" data-mini="true" data-role="button" data-corners="false" data-iconpos="right" data-icon="arrow-r" data-theme="b" class="btn">Tham gia</button>
            </div>
        </form>
    </div>
</div>
